<template>
	<div class="board ml20 mr20 mt30 pb15 bgwhite fs16">
		<div class="tc">
			<img
				onerror="this.src='./static/imgs/man.png'"
				:src="userInfo.userPortrait?userInfo.userPortrait:'./static/imgs/man.png'"
				width="50"
				height="50"
				alt
			>
			<p class="tc lh40" v-show="!userInfo.userPhone">
				<strong>您好，请登录</strong>
			</p>
			<p class="tc lh40" v-show="userInfo.userPhone">
				<strong>您好，{{userInfo.userName}}</strong>
			</p>
		</div>
		<div class="flex lh25">
			<p class="flex1 tl ml40 red">{{userInfo.moneyUsable||'0'|formatMoney()}}</p>
			<p class="flex1 tl ml30 yellow">{{userInfo.scoreUsable||'0'|formatMoney()}}</p>
		</div>
		<div class="flex lh25">
			<p class="flex1 tl ml40">我的余额</p>
			<p class="flex1 tl ml30">我的金币</p>
		</div>
	</div>
</template>
<script>
export default {
	name: 'board',
	props: {
		userInfo: {
			type: Object,
			required: true,
			default: {}
		}
	}
}
</script>
<style scoped lang='scss'>
.board {
	border-radius: rem(6px);
	box-shadow: 0 0 rem(10px) rgba(0, 0, 0, 0.1);
}
.board img {
	margin-top: rem(-25px);
	border-radius: rem(25px);
	border: rem(2px) solid #ff756e;
	background: #ff756e;
}
</style>


